<template>
  <div id="shows">
    <!-- header start -->
    <!-- end  -->
    <!-- end top -->
    <!-- end  -->
    <div class="notic_con_wper">
      <div class="notic_con px1000">
        <div class="notic_ban">
          <img src="../assets/images/notic_ban01.png" alt="">
        </div>
        <div class="notic_section clearfix">
          <div class="notic_sec_l fl">
            <h3><img src="../assets/images/notic_pic01.png" alt=""></h3>
            <ul class="notic_secl_ul">
              <li @click="changeflag1" :class="{checkedthis:(flag1==true)}">网站公告 </li>
              <li @click="changeflag2" :class="{checkedthis:(flag2==true)}">注册与登录 </li>
              <li @click="changeflag3" :class="{checkedthis:(flag3==true)}">账户与安全 </li>
              <li @click="changeflag4" :class="{checkedthis:(flag4==true)}">投资与还款 </li>
              <li @click="changeflag5" :class="{checkedthis:(flag5==true)}">充值与提现 </li>

            </ul>
          </div>
          <!-- end l -->
          <div class="notic_sec_r fl" v-show="flag1">
            <h2 class="notic_secr_tit">网站公告</h2>

            <div v-show="showListFlag">
              <ul class="notic_secr_ul" v-for="s in shows">
                <li class="clearfix"><a href="javascript:;" @click="showDetail(s.showId)">{{s.showName}}</a><span>{{$moment(s.showDate).format('YYYY-MM-DD')}}</span></li>
              </ul>
              <p class="notic_pagelink" >
                  <span v-for="i in pageInfo.pages">
                    <a href="javascript:;" @click="findlist(i)" :class="{notic_acur:(activeNum==i)}">{{i}}</a>
                  </span>
              </p>
            </div>
            <div v-show="!showListFlag">
              <p style="font-size: 18px">{{singleShow.showName}}</p>
              <article style="font-size: 16px;margin-top: 20px">
                {{singleShow.showContext}}
              </article>
            </div>

          </div>
          <div class="notic_sec_r fl" v-show="flag2">
            <h2 class="notic_secr_tit">注册与登陆</h2>
            <article style="font-size: 16px">
              <b>1. 总则</b>

              <p>1.1 注册用户同意本协议的全部条款并完成注册程序，才能成为本系统的正式用户。请您仔细阅读本协议，您点击"同意"按钮后即表示完全接受本协议项下的全部条款。</p>

              <p>1.2 用户一旦注册，即视为用户确认自己具有享受本站服务的权利能力和行为能力，能够独立承担法律责任。</p>

              <p>1.3 在注册和使用本系统时，用户应了解相关法律法规，确知享有的权利和义务；应保证注册时提交的信息合法、真实、准确，并取得相应授权。</p>
              <b>2. 用户</b>

              <p>2.1 注册用户向本系统提供的注册资料应当是真实、准确、完整、合法有效的，用户注册资料如有变动的，应及时更新。如用户提供的注册资料不合法、不真实、不准确、不详尽的，用户需承担因此引起的相应责任及后果。</p>

              <p>2.2 用户注册成功后，将产生用户名和密码等账户信息。用户可以根据本系统规定变更密码。用户应谨慎合理的保存、使用其用户名和密码。用户若发现任何非法使用用户账号或存在安全漏洞的情况，请立即通知我们。</p>

              <p>2.3 用户应当对以其用户名登录进行的所有活动和事件负法律责任。用户不得将在本系统注册获得的账户转让、出售或出借给他人使用，否则用户应承担由此产生的全部责任，并与实际使用人承担连带责任。</p>

              <p>2.4 用户同意，本系统拥有通过电子邮件、短信电话等形式，向注册用户和相关申请人发送和告知相关审核信息与结果的权利。该等通知于发送之日视为已送达收件人。</p>
            </article>
          </div>
          <div class="notic_sec_r fl" v-show="flag3">
            <h2 class="notic_secr_tit">账户与安全</h2>
            <article style="font-size: 19px">
              <p>一、您正在选购的公募基金产品是由珠海盈米财富管理有限公司作为公募基金销售机构所提供的产品。</p>
              <p>二、珠海盈米财富管理有限公司是由中国证券监督委员会批准的独立基金销售机构，并与其合作的经中国证券监督委员会批准的基金销售支付结算机构，共同通过WE理财平台的辅助服务，为您提供基金交易账户开立、公募基金产品的认购、申购、赎回、信息查询等服务。</p>
              <p>三、WE理财平台（WE.com及移动终端应用程序）是北京微财科技有限公司运营的平台，向您提供基金产品展示、交易查询、信息交互等网上交易辅助服务，您通过WE理财平台的辅助服务进入珠海盈米财富管理有限公司的交易系统进行交易。WE理财平台不负责基金的认购、申购、赎回等销售服务，也并非基金的发行机构，不参与基金的发行、销售过程，不对基金的发行、销售以及在此过程中您的收益、损失承担任何责任。</p>
              <p>四、在您购买本公募基金产品并签订《珠海盈米财富管理有限公司基金电子交易远程服务协议》、《委托支付协议》前，请认真阅读所购买的公募基金产品的《基金合同》《基金招募说明书》等基金相关文件的内容，并确保本次购买行为来自您的独立判断。</p>
            </article>
          </div>
          <div class="notic_sec_r fl" v-show="flag4">
            <h2 class="notic_secr_tit">投资与还款</h2>
            <article style="font-size: 17px">
              <b>投资前核查</b>
              <p>避免投资欺诈最佳的方式之一就是，验证提供投资或投资建议的人是否已注册。</p>
              <p>一般情况下，销售证券或提供投资建议的人必须在其提供服务的省份和地区的证券监管机构注册。</p>
              <p>注册有助于保护投资者，因为投资监管机构（如 Ontario Securities Commission）只会注册有资格向公众销售投资或提供意见的个人或公司。</p>
              <p>需要注册什么？</p>
              <b>能力</b>
              <p>个人必须符合某些教育和经验要求才能注册。这些要求取决于个人申请的注册类别。每个类别都有不同的要求，允许不同的活动。</p>
              <b>廉正</b>
              <p>公司和个人必须廉正行事，包括诚实和诚信，特别是在与客户打交道时。个人需要接受背景和警方核查，公司和所有注册的个人每年都必须更新注册。</p>
              <p>偿付能力</p>
              <p>公司必须通过满足日常履行义务所需的资本和保险要求来维持偿付能力。注册也不保证您会赚钱或者您不会赔钱。</p>
            </article>
          </div>
          <div class="notic_sec_r fl" v-show="flag5">
            <h2 class="notic_secr_tit">充值与提现</h2>
            <article style="font-size: 18px">
              <p>1.当该账户下所有定单全部处理完毕后，方可办理账户余额退款（提现）申请。</p>
              <p>2.申请退款（提现）时，应发送邮件至：dlex@donglaiex.com</p>
              <p>提供信息包括：申请退款（提现）账号</p>
              <p>申请退款（提现）账号注册人身份证图片</p>
              <p>申请退款（提现）金额</p>
              <p>接受退款（提现）的支付宝或银行账户信息</p>
              <p>3.申请退款（提现）的注册账户人名必须与收款账户(支付宝、银行卡)人名一致，否则，我司将不予处理。</p>
              <p>4.因客户通过支付宝及银行卡向我司汇款时，我司承担了转账手续费，因此，我司将在退款（提现）时，扣除4%的手续费，最低4元。</p>
              <p>5.针对参与充值返利及活动返利的账户余额申请退款（提现），东来快递将从账户余额中扣除返利金额。</p>
              <p>6.我司在收到账户余额退款（提现）申请之日起，于3-7个工作日内完成审核并退款至申请人指定的支付宝或银行账户。</p>
            </article>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import "../assets/css/style.css"
  export default {
    name: "shows",
    data(){
      return{
        flag1:true,flag2:false,flag3:false,flag4:false,flag5:false,
        shows:[],
        pageInfo:[],
        activeNum:1,
        showListFlag:false,
        singleShow:{}
      }
    },
    methods:{
      changeflag1:function () {
        this.flag1=true;this.flag2=false;this.flag3=false;this.flag4=false;this.flag5=false,this.showListFlag=true
      },
      changeflag2:function () {
        this.flag1=false;this.flag2=true;this.flag3=false;this.flag4=false;this.flag5=false
      },
      changeflag3:function () {
        this.flag1=false;this.flag2=false;this.flag3=true;this.flag4=false;this.flag5=false
      },
      changeflag4:function () {
        this.flag1=false;this.flag2=false;this.flag3=false;this.flag4=true;this.flag5=false
      },
      changeflag5:function () {
        this.flag1=false;this.flag2=false;this.flag3=false;this.flag4=false;this.flag5=true
      },
      findlist:function (index) {
        this.activeNum=index
        this.axios.post("/api/show/getSinglePage",{pageNum:index})
          .then((data)=>{
            this.shows=data.data.list
            this.pageInfo=data.data
          })
      },
      showDetail:function (id) {
        this.showListFlag=false
        this.axios.post("/api/show/getSingleList",{showId:id}).then((data)=>{
          this.singleShow=data.data
        })
      }
    },
    created() {
      this.axios.post("/api/show/getShowList")
        .then((data)=>{
          this.shows=data.data.list
          this.pageInfo=data.data
          let showId=localStorage.getItem("showId")
          this.axios.post("/api/show/getSingleList",{showId:showId}).then((data)=>{
            this.singleShow=data.data
          })
        })
    }
  }
</script>

<style scoped>
  .checkedthis{
    background-color: #ebebeb;
  }

  .notic_pagelink .notic_acur {
    background-color: #fff;
    color: #ffa800;
  }
</style>

